<!DOCTYPE html>
<!-- saved from url=(0097)http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual -->
<html style="min-height: 638px;">
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>一体化教学管理平台</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<link rel="shortcut icon" href="http://110.88.128.142:8081/img/favicon.ico">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
		<link type="text/css" href="01待完成任务.css " rel="stylesheet" />
		<link href="01待完成任务_files/site.completed.min.css" rel="stylesheet">
		<link href="01待完成任务_files/bootstrap-datetimepicker.css" rel="stylesheet">
		<link href="01待完成任务_files/toastr.min.css" rel="stylesheet">
		<link href="01待完成任务_files/select2.min.css" rel="stylesheet">
		<link href="01待完成任务_files/cbvm.app.css" rel="stylesheet">
		<link rel="stylesheet" href="layui/css/layui.css">
		<link href="newStyle.css" rel="stylesheet">

		<!--end page level css-->
		<!-- global js -->
		<script src="01待完成任务_files/site.completed.min.js.下载"></script>
		<style type="text/css">
			.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped,
			.jp-card.jp-card-ie-11.jp-card-flipped {
				-webkit-transform: 0deg;
				-moz-transform: 0deg;
				-ms-transform: 0deg;
				-o-transform: 0deg;
				transform: 0deg;
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
				-webkit-transform: rotateY(0deg);
				-moz-transform: rotateY(0deg);
				-ms-transform: rotateY(0deg);
				-o-transform: rotateY(0deg);
				transform: rotateY(0deg);
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
				-webkit-transform: rotateY(0deg);
				-moz-transform: rotateY(0deg);
				-ms-transform: rotateY(0deg);
				-o-transform: rotateY(0deg);
				transform: rotateY(0deg);
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
				left: 18%;
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				-o-transform: rotateY(180deg);
				transform: rotateY(180deg);
				left: 5%;
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
				left: 84%;
			}
			
			.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after,
			.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
				left: -480%;
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				-o-transform: rotateY(180deg);
				transform: rotateY(180deg);
			}
			
			.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,
			.jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
				display: none;
			}
			
			.jp-card-logo {
				height: 36px;
				width: 60px;
				font-style: italic;
			}
			
			.jp-card-logo,
			.jp-card-logo:before,
			.jp-card-logo:after {
				box-sizing: border-box;
			}
			
			.jp-card-logo.jp-card-amex {
				text-transform: uppercase;
				font-size: 4px;
				font-weight: bold;
				color: white;
				background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
				background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
				border: 1px solid #EEE;
			}
			
			.jp-card-logo.jp-card-amex:before,
			.jp-card-logo.jp-card-amex:after {
				width: 28px;
				display: block;
				position: absolute;
				left: 16px;
			}
			
			.jp-card-logo.jp-card-amex:before {
				height: 28px;
				content: "american";
				top: 3px;
				text-align: left;
				padding-left: 2px;
				padding-top: 11px;
				background: #267AC3;
			}
			
			.jp-card-logo.jp-card-amex:after {
				content: "express";
				bottom: 11px;
				text-align: right;
				padding-right: 2px;
			}
			
			.jp-card.jp-card-amex.jp-card-flipped {
				-webkit-transform: none;
				-moz-transform: none;
				-ms-transform: none;
				-o-transform: none;
				transform: none;
			}
			
			.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
				background-color: #108168;
			}
			
			.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
				opacity: 1;
			}
			
			.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
				visibility: visible;
			}
			
			.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-discover {
				background: #FF6600;
				color: #111;
				text-transform: uppercase;
				font-style: normal;
				font-weight: bold;
				font-size: 10px;
				text-align: center;
				overflow: hidden;
				z-index: 1;
				padding-top: 9px;
				letter-spacing: .03em;
				border: 1px solid #EEE;
			}
			
			.jp-card-logo.jp-card-discover:before,
			.jp-card-logo.jp-card-discover:after {
				content: " ";
				display: block;
				position: absolute;
			}
			
			.jp-card-logo.jp-card-discover:before {
				background: white;
				width: 200px;
				height: 200px;
				border-radius: 200px;
				bottom: -5%;
				right: -80%;
				z-index: -1;
			}
			
			.jp-card-logo.jp-card-discover:after {
				width: 8px;
				height: 8px;
				border-radius: 4px;
				top: 10px;
				left: 27px;
				background-color: #FF6600;
				background-image: -webkit-radial-gradient(#FF6600, #fff);
				background-image: radial-gradient( #FF6600, #fff);
				content: "network";
				font-size: 4px;
				line-height: 24px;
				text-indent: -7px;
			}
			
			.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
				right: 12%;
				top: 18%;
			}
			
			.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
				background-color: #86B8CF;
			}
			
			.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
				opacity: 1;
			}
			
			.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
				-webkit-transition: 400ms;
				-moz-transition: 400ms;
				transition: 400ms;
				content: " ";
				display: block;
				background-color: #FF6600;
				background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600);
				background-image: linear-gradient(#FF6600, #ffa366, #FF6600);
				height: 50px;
				width: 50px;
				border-radius: 25px;
				position: absolute;
				left: 100%;
				top: 15%;
				margin-left: -25px;
				box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
			}
			
			.jp-card-logo.jp-card-visa {
				background: white;
				text-transform: uppercase;
				color: #1A1876;
				text-align: center;
				font-weight: bold;
				font-size: 15px;
				line-height: 18px;
			}
			
			.jp-card-logo.jp-card-visa:before,
			.jp-card-logo.jp-card-visa:after {
				content: " ";
				display: block;
				width: 100%;
				height: 25%;
			}
			
			.jp-card-logo.jp-card-visa:before {
				background: #1A1876;
			}
			
			.jp-card-logo.jp-card-visa:after {
				background: #E79800;
			}
			
			.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
				background-color: #191278;
			}
			
			.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-mastercard {
				color: white;
				font-weight: bold;
				text-align: center;
				font-size: 9px;
				line-height: 36px;
				z-index: 1;
				text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
			}
			
			.jp-card-logo.jp-card-mastercard:before,
			.jp-card-logo.jp-card-mastercard:after {
				content: " ";
				display: block;
				width: 36px;
				top: 0;
				position: absolute;
				height: 36px;
				border-radius: 18px;
			}
			
			.jp-card-logo.jp-card-mastercard:before {
				left: 0;
				background: #FF0000;
				z-index: -1;
			}
			
			.jp-card-logo.jp-card-mastercard:after {
				right: 0;
				background: #FFAB00;
				z-index: -2;
			}
			
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard,
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
				box-shadow: none;
			}
			
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
				background-color: #0061A8;
			}
			
			.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-maestro {
				color: white;
				font-weight: bold;
				text-align: center;
				font-size: 14px;
				line-height: 36px;
				z-index: 1;
				text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
			}
			
			.jp-card-logo.jp-card-maestro:before,
			.jp-card-logo.jp-card-maestro:after {
				content: " ";
				display: block;
				width: 36px;
				top: 0;
				position: absolute;
				height: 36px;
				border-radius: 18px;
			}
			
			.jp-card-logo.jp-card-maestro:before {
				left: 0;
				background: #0064CB;
				z-index: -1;
			}
			
			.jp-card-logo.jp-card-maestro:after {
				right: 0;
				background: #CC0000;
				z-index: -2;
			}
			
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
				box-shadow: none;
			}
			
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
				background-color: #0B2C5F;
			}
			
			.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-dankort {
				width: 60px;
				height: 36px;
				padding: 3px;
				border-radius: 8px;
				border: #000000 1px solid;
				background-color: #FFFFFF;
			}
			
			.jp-card-logo.jp-card-dankort .dk {
				position: relative;
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			
			.jp-card-logo.jp-card-dankort .dk:before {
				background-color: #ED1C24;
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				display: block;
				border-radius: 6px;
			}
			
			.jp-card-logo.jp-card-dankort .dk:after {
				content: '';
				position: absolute;
				top: 50%;
				margin-top: -7.7px;
				right: 0;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 7px 7px 10px 0;
				border-color: transparent #ED1C24 transparent transparent;
				z-index: 1;
			}
			
			.jp-card-logo.jp-card-dankort .d,
			.jp-card-logo.jp-card-dankort .k {
				position: absolute;
				top: 50%;
				width: 50%;
				display: block;
				height: 15.4px;
				margin-top: -7.7px;
				background: white;
			}
			
			.jp-card-logo.jp-card-dankort .d {
				left: 0;
				border-radius: 0 8px 10px 0;
			}
			
			.jp-card-logo.jp-card-dankort .d:before {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				display: block;
				background: #ED1C24;
				border-radius: 2px 4px 6px 0px;
				height: 5px;
				width: 7px;
				margin: -3px 0 0 -4px;
			}
			
			.jp-card-logo.jp-card-dankort .k {
				right: 0;
			}
			
			.jp-card-logo.jp-card-dankort .k:before,
			.jp-card-logo.jp-card-dankort .k:after {
				content: '';
				position: absolute;
				right: 50%;
				width: 0;
				height: 0;
				border-style: solid;
				margin-right: -1px;
			}
			
			.jp-card-logo.jp-card-dankort .k:before {
				top: 0;
				border-width: 8px 5px 0 0;
				border-color: #ED1C24 transparent transparent transparent;
			}
			
			.jp-card-logo.jp-card-dankort .k:after {
				bottom: 0;
				border-width: 0 5px 8px 0;
				border-color: transparent transparent #ED1C24 transparent;
			}
			
			.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
				background-color: #0055C7;
			}
			
			.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
				opacity: 1;
			}
			
			.jp-card-logo.jp-card-elo {
				height: 50px;
				width: 50px;
				border-radius: 100%;
				background: black;
				color: white;
				text-align: center;
				text-transform: lowercase;
				font-size: 21px;
				font-style: normal;
				letter-spacing: 1px;
				font-weight: bold;
				padding-top: 13px;
			}
			
			.jp-card-logo.jp-card-elo .e,
			.jp-card-logo.jp-card-elo .l,
			.jp-card-logo.jp-card-elo .o {
				display: inline-block;
				position: relative;
			}
			
			.jp-card-logo.jp-card-elo .e {
				-webkit-transform: rotate(-15deg);
				-moz-transform: rotate(-15deg);
				-ms-transform: rotate(-15deg);
				-o-transform: rotate(-15deg);
				transform: rotate(-15deg);
			}
			
			.jp-card-logo.jp-card-elo .o {
				position: relative;
				display: inline-block;
				width: 12px;
				height: 12px;
				right: 0;
				top: 7px;
				border-radius: 100%;
				background-image: -webkit-linear-gradient( yellow 50%, red 50%);
				background-image: linear-gradient( yellow 50%, red 50%);
				-webkit-transform: rotate(40deg);
				-moz-transform: rotate(40deg);
				-ms-transform: rotate(40deg);
				-o-transform: rotate(40deg);
				transform: rotate(40deg);
				text-indent: -9999px;
			}
			
			.jp-card-logo.jp-card-elo .o:before {
				content: "";
				position: absolute;
				width: 49%;
				height: 49%;
				background: black;
				border-radius: 100%;
				text-indent: -99999px;
				top: 25%;
				left: 25%;
			}
			
			.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {
				background-color: #6F6969;
			}
			
			.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {
				opacity: 1;
			}
			
			.jp-card-container {
				-webkit-perspective: 1000px;
				-moz-perspective: 1000px;
				perspective: 1000px;
				width: 350px;
				max-width: 100%;
				height: 200px;
				margin: auto;
				z-index: 1;
				position: relative;
			}
			
			.jp-card {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				line-height: 1;
				position: relative;
				width: 100%;
				height: 100%;
				min-width: 315px;
				border-radius: 10px;
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				-ms-transform-style: preserve-3d;
				-o-transform-style: preserve-3d;
				transform-style: preserve-3d;
				-webkit-transition: all 400ms linear;
				-moz-transition: all 400ms linear;
				transition: all 400ms linear;
			}
			
			.jp-card>*,
			.jp-card>*:before,
			.jp-card>*:after {
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				font-family: inherit;
			}
			
			.jp-card.jp-card-flipped {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				-o-transform: rotateY(180deg);
				transform: rotateY(180deg);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
			
			.jp-card .jp-card-front,
			.jp-card .jp-card-back {
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				-ms-transform-style: preserve-3d;
				-o-transform-style: preserve-3d;
				transform-style: preserve-3d;
				-webkit-transition: all 400ms linear;
				-moz-transition: all 400ms linear;
				transition: all 400ms linear;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
				border-radius: 10px;
				background: #DDD;
			}
			
			.jp-card .jp-card-front:before,
			.jp-card .jp-card-back:before {
				content: " ";
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				opacity: 0;
				border-radius: 10px;
				-webkit-transition: all 400ms ease;
				-moz-transition: all 400ms ease;
				transition: all 400ms ease;
			}
			
			.jp-card .jp-card-front:after,
			.jp-card .jp-card-back:after {
				content: " ";
				display: block;
			}
			
			.jp-card .jp-card-front .jp-card-display,
			.jp-card .jp-card-back .jp-card-display {
				color: white;
				font-weight: normal;
				opacity: 0.5;
				-webkit-transition: opacity 400ms linear;
				-moz-transition: opacity 400ms linear;
				transition: opacity 400ms linear;
			}
			
			.jp-card .jp-card-front .jp-card-display.jp-card-focused,
			.jp-card .jp-card-back .jp-card-display.jp-card-focused {
				opacity: 1;
				font-weight: 700;
			}
			
			.jp-card .jp-card-front .jp-card-cvc,
			.jp-card .jp-card-back .jp-card-cvc {
				font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
				font-size: 14px;
			}
			
			.jp-card .jp-card-front .jp-card-shiny,
			.jp-card .jp-card-back .jp-card-shiny {
				width: 50px;
				height: 35px;
				border-radius: 5px;
				background: #CCC;
				position: relative;
			}
			
			.jp-card .jp-card-front .jp-card-shiny:before,
			.jp-card .jp-card-back .jp-card-shiny:before {
				content: " ";
				display: block;
				width: 70%;
				height: 60%;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
				background: #d9d9d9;
				position: absolute;
				top: 20%;
			}
			
			.jp-card .jp-card-front .jp-card-logo {
				position: absolute;
				opacity: 0;
				right: 5%;
				top: 8%;
				-webkit-transition: 400ms;
				-moz-transition: 400ms;
				transition: 400ms;
			}
			
			.jp-card .jp-card-front .jp-card-lower {
				width: 80%;
				position: absolute;
				left: 10%;
				bottom: 30px;
			}
			
			@media only screen and (max-width: 480px) {
				.jp-card .jp-card-front .jp-card-lower {
					width: 90%;
					left: 5%;
				}
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
				visibility: hidden;
				float: right;
				position: relative;
				bottom: 5px;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-number {
				font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
				font-size: 24px;
				clear: both;
				margin-bottom: 30px;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
				font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
				letter-spacing: 0em;
				position: relative;
				float: right;
				width: 25%;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before,
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-weight: bold;
				font-size: 7px;
				white-space: pre;
				display: block;
				opacity: .5;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
				content: attr(data-before);
				margin-bottom: 2px;
				font-size: 7px;
				text-transform: uppercase;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
				position: absolute;
				content: attr(data-after);
				text-align: right;
				right: 100%;
				margin-right: 5px;
				margin-top: 2px;
				bottom: 0;
			}
			
			.jp-card .jp-card-front .jp-card-lower .jp-card-name {
				text-transform: uppercase;
				font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
				font-size: 20px;
				max-height: 45px;
				position: absolute;
				bottom: 0;
				width: 190px;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: horizontal;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			
			.jp-card .jp-card-back {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				-o-transform: rotateY(180deg);
				transform: rotateY(180deg);
			}
			
			.jp-card .jp-card-back .jp-card-bar {
				background-color: #444;
				background-image: -webkit-linear-gradient(#444, #333);
				background-image: linear-gradient(#444, #333);
				width: 100%;
				height: 20%;
				position: absolute;
				top: 10%;
			}
			
			.jp-card .jp-card-back:after {
				content: " ";
				display: block;
				background-color: #FFF;
				background-image: -webkit-linear-gradient(#FFF, #FFF);
				background-image: linear-gradient(#FFF, #FFF);
				width: 80%;
				height: 16%;
				position: absolute;
				top: 40%;
				left: 2%;
			}
			
			.jp-card .jp-card-back .jp-card-cvc {
				position: absolute;
				top: 40%;
				left: 85%;
				-webkit-transition-delay: 600ms;
				-moz-transition-delay: 600ms;
				transition-delay: 600ms;
			}
			
			.jp-card .jp-card-back .jp-card-shiny {
				position: absolute;
				top: 66%;
				left: 2%;
			}
			
			.jp-card .jp-card-back .jp-card-shiny:after {
				content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.AIt comes with no warranty.A  For support issues, please visit: github.com/jessepollak/card.";
				position: absolute;
				left: 120%;
				top: 5%;
				color: white;
				font-size: 7px;
				width: 230px;
				opacity: .5;
			}
			
			.jp-card.jp-card-identified {
				box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
			}
			
			.jp-card.jp-card-identified .jp-card-front,
			.jp-card.jp-card-identified .jp-card-back {
				background-color: #000;
				background-color: rgba(0, 0, 0, 0.5);
			}
			
			.jp-card.jp-card-identified .jp-card-front:before,
			.jp-card.jp-card-identified .jp-card-back:before {
				-webkit-transition: all 400ms ease;
				-moz-transition: all 400ms ease;
				transition: all 400ms ease;
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
				opacity: 1;
			}
			
			.jp-card.jp-card-identified .jp-card-front .jp-card-logo,
			.jp-card.jp-card-identified .jp-card-back .jp-card-logo {
				box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
			}
			
			.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before,
			.jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
				background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			}
		</style>
		<script src="01待完成任务_files/bootstrap-datetimepicker.js.下载"></script>
		<script src="01待完成任务_files/bootstrap-datetimepicker.zh-CN.js.下载"></script>
		<script src="01待完成任务_files/select2.min.js.下载"></script>
		<script src="01待完成任务_files/toastr.js.下载"></script>
		<script src="01待完成任务_files/cbvm.app.js.下载"></script>
		<script src="../js/jquery.js"></script>
	</head>
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
			$('.left').load("left-menu.html");
		})
	</script>

	<body class="skin-default fixed-menu" style="min-height: 638px;">
<!--		<div class="header" style="width:100%;height:60px;"></div>-->

		<div class="preloader" style="display: none;">
			<div class="loader_img"><img src="01待完成任务_files/loader.gif" alt="loading..." height="64" width="64" style="display: none;"></div>
		</div>
		<!-- header logo: style can be found in header-->
		<!--<header class="header">
			 <nav class="navbar navbar-fixed-top" role="navigation">-->
		<!--<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual#" class="logo"> -->
		<!-- Add the class icon to your logo image or logo icon to add the margining -->
		<!-- <h3 style="margin-top: 10px; color: #fff;">一体化教学管理平台</h3>
				</a> -->
		<!-- Header Navbar: style can be found in header-->
		<!-- Sidebar toggle button-->
		<!-- Sidebar toggle button-->
		<!-- <div>
					<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button"> <i class="fa fa-fw ti-menu"></i>
					</a>
				</div>
				<div class="navbar-right">
					<ul class="nav navbar-nav">

						<!--rightside toggle-->
		<!-- User Account: style can be found in dropdown-->
		<!-- <li class="dropdown user user-menu">
							<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual#" class="dropdown-toggle padding-user" data-toggle="dropdown" title="用户名: 18860033612">
								<div class="riot">
									<div>
										欢迎, 付张祎 学员 <span>
                   <i class="caret"></i>
                </span>
									</div>
								</div>
							</a>
							<ul class="dropdown-menu"> -->
		<!-- User image -->
		<!-- <li class="user-header" style="height: 48px;">
									<p> 付张祎</p>
								</li> -->
		<!-- Menu Body -->
		<!-- <li class="p-t-3">
									<a href="http://110.88.128.142:8081/user/detail">
										<i class="fa fa-fw ti-user"></i> 我的基本信息
									</a>
								</li> -->
		<!-- <li role="presentation" class="divider"></li> -->
		<!-- Menu Footer-->
		<!-- <li class="user-footer">
									<div class="pull-left">
										<a href="http://110.88.128.142:8081/changepassword">
											<i class="fa fa-fw ti-lock"></i> 修改密码
										</a>
									</div>
									<div class="pull-right">
										<a href="http://110.88.128.142:8081/logout">
											<i class="fa fa-fw ti-shift-right"></i> 退出
										</a>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div> -->
		<!--</nav>
		</header>-->
			<div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 637px; ">
				<!-- Left side column. contains the logo and sidebar -->
				<!--  <aside class="left-side sidebar-offcanvas left" style="min-height: 638px;height: auto!important;"> -->
				<!-- sidebar: style can be found in sidebar-->

				<!--<section class="sidebar affix">
					<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100vh;">
						<div class="left_slim" style="overflow: hidden; width: auto; height: 100vh;">
							<div id="menu" class="menu_align" role="navigation">
								<div class="nav_profile">
									<div class="media profile-left">
										<a class="pull-left profile-thumb" href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual#">
											<h4><strong>一体化教学管理平台</strong></h4>
											<i style="padding-left: 60px; color: #00adee;">学员管理后台-课程面板</i>
										</a>
									</div>
								</div>
							<ul class="navigation">
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/user/detail">
											<i class="menu-icon ti-user"></i>
											<span>用户明细</span>
										</a>
									</li>
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/course/mycourses">
											<i class="menu-icon ti-desktop"></i>
											<span>我的主菜单</span>
										</a>
									</li>
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/dashboard">
											<i class="menu-icon ti-dashboard"></i>
											<span>我的课程面板</span>
										</a>
									</li>
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/course/author">
											<i class="menu-icon glyphicon glyphicon-tower"></i>
											<span>开课人简介</span>
										</a>
									</li>
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual#">
											<i class="menu-icon glyphicon glyphicon-book"></i>
											<span>课程信息</span>
											<span class="fa arrow"></span>
										</a>
										<ul class="sub-menu collapse">
											<li class="">
												<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/course/detail">
													<i class="menu-icon glyphicon glyphicon-briefcase"></i>
													<span class="mm-text ">课程基本信息</span>
												</a>
											</li>
											<li class="">
												<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursedocumenttemplate/view">
													<i class="menu-icon glyphicon glyphicon-bullhorn"></i>
													<span class="mm-text ">文件模版列表</span>
												</a>
											</li>
										</ul>
									</li>
									<li class="menu-dropdown ">

										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual#">
											<i class="menu-icon glyphicon glyphicon-globe"></i>
											<span>智能分组管理</span>
											<span class="fa arrow"></span>
										</a>
										<ul class="sub-menu collapse">
											<li class="">
												<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/course/myteam">
													<i class="menu-icon glyphicon glyphicon-asterisk"></i>
													<span class="mm-text ">我的团队信息</span>
												</a>
											</li>
											<li class="">
												<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/examine">
													<i class="menu-icon glyphicon glyphicon-eye-open"></i>
													<span class="mm-text ">智能分组测试</span>
												</a>
											</li>
											<li class="">
												<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/examine/team">
													<i class="menu-icon glyphicon glyphicon-barcode"></i>
													<span class="mm-text ">智能分组结果</span>
												</a>
											</li>
										</ul>
									</li>
									<li class="menu-dropdown active">
										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask">
										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual#">
										<a href="#">
											<i class="menu-icon glyphicon glyphicon-indent-left"></i>
											<span>待我完成事项</span>
											<span class="fa arrow"></span>
										</a>
										<ul class="sub-menu collapse in">
											<li class="">
												<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask">
													<i class="menu-icon glyphicon glyphicon-stats"></i>
													<span class="mm-text ">我的团队任务</span>
												</a>
											</li>
											<li class="active">
												<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual">
													<i class="menu-icon glyphicon glyphicon-stats"></i>
													<span class="mm-text ">我的课程任务</span>
												</a>
											</li>
										</ul>
									</li>
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual#">
											<i class="menu-icon glyphicon glyphicon-magnet"></i>
											<span>课程成绩</span>
											<span class="fa arrow"></span>
										</a>
										<ul class="sub-menu collapse">
											<li class="">
												<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursescore/team">
													<i class="menu-icon glyphicon glyphicon-list-alt"></i>
													<span class="mm-text ">团队综合成绩</span>
												</a>
											</li>
											<li class="">
												<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursescore/student">
													<i class="menu-icon glyphicon glyphicon-th-list"></i>
													<span class="mm-text ">学员综合成绩</span>
												</a>
											</li>
										</ul>
									</li>
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursemark">
											<i class="menu-icon glyphicon glyphicon-flag"></i>
											<span>我的签到</span>
										</a>
									</li>
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursemessage">
											<i class="menu-icon glyphicon glyphicon-envelope"></i>
											<span>课程通知/公告</span>
										</a>
									</li>
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/changepassword">
											<i class="menu-icon ti-key"></i>
											<span>密码管理</span>
										</a>
									</li>
									<li class="menu-dropdown ">
										<a href="http://110.88.128.142:8081/logout">
											<i class="menu-icon ti-shift-right"></i>
											<span>退出</span>
										</a>
									</li>
								</ul> -->

				<!-- / .navigation -->
				<!--</div>-->
				<!-- menu -->
				<!-- </div>
						<div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 5px; position: absolute; top: 0px; opacity: 0.2; display: none; border-radius: 0px; z-index: 99; right: 1px; height: 520.217px;"></div>
						<div class="slimScrollRail" style="width: 5px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
					</div>
				</section> -->
				<!-- /.sidebar -->
				</aside>
				<aside class="right-side fixednav_right"  >
					<!--将section的背景颜色设置成白色，高度设置为40px -->
					<section class="content-header" >
						<!--<h1>
       			 我的课程任务
    				</h1>-->
						<!--设置选项卡-->
						<ul class="nav nav-tabs nav-ul" >
							<!--第一个选项卡名为团队任务-->

							<li class="active teamtask-li">
								<!--点击团队任务链接到id为home的div-->
								<a class="teamtask-a" data-toggle="tab" href="#home">
									<!--href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/mytask-->
									<!--<i class="menu-icon glyphicon glyphicon-stats"></i>-->
									<span class="mm-text teamtask-span">团队任务</span>
								</a>
							</li>
							<!--第二个选项卡名为课程任务-->
							<li class="coursetask-li">
								<!--点击团队任务链接到id为mycourse的div-->
								<a class="coursetask-a" data-toggle="tab" href="#mycourse">
									<!--//href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual-->
									<!--<i class="menu-icon glyphicon glyphicon-stats"></i>-->
									<span class="mm-text coursetask-span">课程任务</span>
								</a>
							</li>
						</ul>
						<!--<ol class="breadcrumb">
        <li>
            <a href="http://110.88.128.142:8081/">
                <i class="fa fa-fw ti-home"></i> 面板
            </a>
        </li>
        <li class="active">
            我的课程任务
        </li>
    </ol>-->
					</section>
					<section class="content tab-content"  style="height: auto!important;margin-top: -2px;">

						<!-- second table start -->
						<div class="row tab-pane fade in active" id="home">
							<div class="col-lg-12">
								<div>
									<!--<div class="panel ">-->
									<!--<div class="panel-heading clearfix">
									<h3 class="panel-title pull-left m-t-6">
                        <i class="glyphicon glyphicon-stats"></i> 我的任务列表
                    </h3>
								</div>-->
									<div class="panel-body condition-filter">
										<form method="get">
											<div id="example_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
												<div class="fixed-table-toolbar filter-container" style="border-bottom: none!important;">
													<div class="row">
														<div class="col-sm-10">
															<div class="col-sm-4  field-block" style="margin-left: -20px;">
																<label class="col-sm-5 field-label" style="margin-left: -22px;">任务名:</label>
																<div class="col-sm-7 field-item">
																	<input type="text" name="name" class="form-control" value="">
																</div>
															</div>

															<div class="col-sm-4 field-block" style="margin-left: -20px!important;">
																<label class="col-sm-5 field-label" style="margin-left: -22px;">所属课程:</label>
																<div class="col-sm-7 field-item">
																	<div class="col-sm-12 field-item">
																		<!-- 添加课程名称 -->
																		<select id="suoshukecheng" class="form-control">
																			<option>课程名称0</option>
																			<option>课程名称1</option>
																			<option>课程名称2</option>
																			<option>课程名称3sadd</option>
																			<option>课程名称4</option>
																			<option>课程名称5</option>
																			<option>课程名称6</option>
																		</select>
																	</div>
																</div>
															</div>
															<!--<div class="col-sm-4 field-block">
														<label class="col-sm-4 field-label">开始时间</label>
														<div class="col-sm-8 field-item">
															<div class="input-group date form_date" data-date="">
																<input class="form-control" name="startdate" type="text" value="">
																<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
															</div>
														</div>
													</div>-->
															<div class="col-sm-4 field-block" style="margin-left: -20px!important;">
																<label class="col-sm-5 field-label" style="margin-left: -22px;">截止时间:</label>
																<div class="col-sm-7 field-item">
																	<div class="input-group date form_date" data-date="">
																		<input class="form-control" name="enddate" type="text" value="">
																		<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
																	</div>
																</div>
															</div>
														</div>
														<div class="col-sm-2">
															<div class="pull-right">
																<!-- 更改按钮颜色 -->
																<button type="submit" class="btn btn-danger btn-sm" style="background-color: #009688; color: white;border: #009688 1px solid;">搜索</button>
																<button type="reset" class="btn btn-info btn-sm" style="background-color:#ffffff;color: #666666;border: #D9D9D9 1px solid;">重置</button>
															</div>
														</div>
													</div>
												</div>
												<!--<div class="fixed-table-toolbar filter-action">
												<div class="row">
													<div class="col-sm-4">
													</div>
													<div class="col-sm-4">
													</div>
													<div class="col-sm-4">
														<div class="pull-right">
															<button type="submit" class="btn btn-danger btn-sm">搜索</button>
															<button type="reset" class="btn btn-info btn-sm">重置</button>
														</div>
													</div>
												</div>
											</div>-->
												<div class="row">
													<div class="col-sm-12">
														<table class="table table-striped table-bordered dataTable no-footer teamsktable" id="example" role="grid" aria-describedby="example_info">
															<thead>
																<tr>
																	<!--#改为序号,将宽度把原来的20px改为40px-->
																	<th style="width: 40px;text-align: center;" data-field="0" tabindex="0">
																		<div class="th-inner ">序号</div>
																		<div class="fht-cell"></div>
																	</th>
																	<!--<th style="" data-field="1" tabindex="0">
																	<div class="th-inner ">名称</div>
																	<div class="fht-cell"></div>
																</th>-->
																	<!--将名称改为任务名-->
																	<th style="width: 100px;font: '微软雅黑' 14px #4b4b4b!important;" data-field="1" tabindex="0">
																		<div class="th-inner ">任务名</div>
																		<div class="fht-cell"></div>
																	</th>
																	<!--表格表头添加所属课程-->
																	<th style="text-align: center;" data-field="1" tabindex="0">
																		<div class="th-inner ">所属课程</div>
																		<div class="fht-cell"></div>
																	</th>
																	<!--表格表头添加描述-->
																	<th style="width: 100px;" data-field="1" tabindex="0">
																		<div class="th-inner ">描述</div>
																		<div class="fht-cell"></div>
																	</th>
																	<!--<th style="width: 100px;" data-field="2" tabindex="0">
																	<div class="th-inner ">开始时间</div>
																	<div class="fht-cell"></div>
																</th>-->
																	<!--<th style="width: 100px;" data-field="2" tabindex="0">
																	<div class="th-inner ">结束时间</div>
																	<div class="fht-cell"></div>
																</th>-->
																	<!--将结束时间改为截止时间-->
																	<th style="width: 100px;text-align: center;" data-field="2" tabindex="0">
																		<div class="th-inner ">截止时间</div>
																		<div class="fht-cell"></div>
																	</th>
																	<th style="width: 160px;text-align: center;" data-field="2" tabindex="0">
																		<div class="th-inner ">创建时间</div>
																		<div class="fht-cell"></div>
																	</th>
																	<!--表格表头添加完成情况-->
																	<th style="width: 160px;text-align: center;" data-field="2" tabindex="0">
																		<div class="th-inner ">完成情况</div>
																		<div class="fht-cell"></div>
																	</th>
																	<!--将最后一个表头改名为“操作”-->
																	<th style="width: 96px;text-align: center;">
																		<div class="th-inner ">操作</div>
																	</th>
																</tr>
															</thead>
															<tbody>
																<tr data-index="7">
																	<!-- 将td中的文字居中，字体颜色改了为#666666 -->
																	<td style="text-align: center;color: #666666;">1</td>
																	<td style="color: #666666;">调查</td>
																	<td style="text-align: center;color: #666666;"></td>
																	<td style="color: #666666;">按时提交</td>
																	<!--<td>2018-01-16</td>-->
																	<td style="text-align: center;color: #666666;">2018-01-17</td>
																	<td style="text-align: center;color: #666666;">2018-01-30 19:21:45</td>
																	<td style="text-align: center;color: #666666;"><img src="img/success.png" style="width:15px;height:15px;">已提交</td>
																	<td style="text-align: center;">
																		<a style="color:#55b9b0!important;;" href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/uploadsoluation/46">
																			<!--将提交相关文档改为提交-->
																			提交
																		</a>
																	</td>
																</tr>
																<tr data-index="7">
																	<!-- 将td中的文字居中，字体颜色改了为#c3c3c3 -->
																	<td style="text-align: center;color: #666666;">1</td>
																	<td style="color: #666666;">调查</td>
																	<td style="text-align: center;color: #666666;"></td>
																	<td style="color: #666666;">按时提交</td>
																	<!--<td>2018-01-16</td>-->
																	<td style="text-align: center;color: #666666;">2018-01-17</td>
																	<td style="text-align: center;color: #666666;">2018-01-30 19:21:45</td>
																	<td style="text-align: center;color: #666666;"><img src="img/fail.png" style="width:18px;height:18px;">未提交</td>
																	<td style="text-align: center;">
																		<a style="color:#55b9b0!important;;" href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/courseteamtask/uploadsoluation/46">
																			<!--将提交相关文档改为提交-->
																			提交
																		</a>
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</div>
												<div class="row">
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
						<div class="row tab-pane fade" id="mycourse">
							<div class="col-lg-12">
								<div class="panel ">
									<div class="panel-heading clearfix">
										<h3 class="panel-title pull-left m-t-6">
                        <i class="glyphicon glyphicon-send"></i> 我的课程任务
                    </h3>
									</div>
									<div class="panel-body condition-filter">
										<form method="get">
											<div id="example_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
												<div class="fixed-table-toolbar filter-container">
													<div class="row">
														<div class="col-sm-3 field-block">
															<label class="col-sm-4 field-label">名称</label>
															<div class="col-sm-8 field-item">
																<input type="text" name="name" class="form-control" value="">
															</div>
														</div>
														<div class="col-sm-4 field-block">
															<label class="col-sm-4 field-label">开始时间</label>
															<div class="col-sm-8 field-item">
																<div class="input-group date form_date" data-date="">
																	<input class="form-control" name="startdate" type="text" value="">
																	<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
																</div>
															</div>
														</div>
														<div class="col-sm-4 field-block">
															<label class="col-sm-4 field-label">结束时间</label>
															<div class="col-sm-8 field-item">
																<div class="input-group date form_date" data-date="">
																	<input class="form-control" name="enddate" type="text" value="">
																	<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
																</div>
															</div>
														</div>
													</div>
												</div>
												<div class="fixed-table-toolbar filter-action">
													<div class="row">
														<div class="col-sm-4">
														</div>
														<div class="col-sm-4">
														</div>
														<div class="col-sm-4">
															<div class="pull-right">
																<button type="submit" class="btn btn-danger btn-sm">搜索</button>
																<button type="reset" class="btn btn-info btn-sm">重置</button>
															</div>
														</div>
													</div>
												</div>
												<div class="row">
													<div class="col-sm-12">
														<table class="table table-striped table-bordered dataTable no-footer" id="example" role="grid" aria-describedby="example_info">
															<thead>
																<tr>
																	<th style="width: 20px;" data-field="0" tabindex="0">
																		<div class="th-inner ">#</div>
																		<div class="fht-cell"></div>
																	</th>
																	<th data-field="1" tabindex="0">
																		<div class="th-inner ">名称</div>
																		<div class="fht-cell"></div>
																	</th>
																	<th style="width: 100px;" class="hide" data-field="2" tabindex="0">
																		<div class="th-inner ">开始时间</div>
																		<div class="fht-cell"></div>
																	</th>
																	<th style="width: 100px;" data-field="2" tabindex="0">
																		<div class="th-inner ">截止日期</div>
																		<div class="fht-cell"></div>
																	</th>
																	<th style="width: 160px;" data-field="2" tabindex="0">
																		<div class="th-inner ">创建时间</div>
																		<div class="fht-cell"></div>
																	</th>
																	<th style="width: 130px;" data-field="2" tabindex="0">
																		<div class="th-inner ">完成情况</div>
																		<div class="fht-cell"></div>
																	</th>
																	<th style="width: 60px;"></th>
																</tr>
															</thead>
															<tbody>
																<tr data-index="7">
																	<td>1</td>
																	<td>sd</td>
																	<td class="hide">2018-01-30</td>
																	<td>2018-01-31</td>
																	<td>2018-01-30 18:46:04</td>
																	<td>
																		已经提交1份方案
																	</td>
																	<td>
																		<a href="http://110.88.128.142:8081/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individualsoluation/ctask5a704cec86a143-77816797">查看方案</a>
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</div>
												<div class="row">
													<script type="application/javascript">
														function gotoindex() {
															var index = $("#specialpageindex").val();
															if(index < 0) {
																index = 0;
															}
															window.location.href = "/course-orginal/ccse5a4661731e6302-80175688/coursetaskdetail/individual?pageindex=" + index;
														}
													</script>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
						<!-- second table end -->
					</section>
					<!--<div class="fixed-table-loading" style="top: 42px;" style="display: none;">加载中, 请耐心等待...</div>-->
				</aside>
				<!-- /.right-side -->
			</div>
		</div>

		<!-- ./wrapper -->

		<script type="text/javascript" src="01待完成任务_files/pnotify.custom.min.js.下载"></script>
		<!-- end of page level js -->

		<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->
		<script type="application/javascript">
			$(function() {
				$("ul.navigation li a[href='/coursetaskdetail']").parent("li").addClass("active");
			})
		</script>

		<div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu" style="left: 711.516px; z-index: 100011;">
			<div class="datetimepicker-minutes" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">14 三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="minute">15:00</span><span class="minute">15:05</span><span class="minute">15:10</span><span class="minute active">15:15</span><span class="minute">15:20</span><span class="minute">15:25</span><span class="minute">15:30</span><span class="minute">15:35</span><span class="minute">15:40</span><span class="minute">15:45</span><span class="minute">15:50</span><span class="minute">15:55</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-hours" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">14 三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="hour">0:00</span><span class="hour">1:00</span><span class="hour">2:00</span><span class="hour">3:00</span><span class="hour">4:00</span><span class="hour">5:00</span><span class="hour">6:00</span><span class="hour">7:00</span><span class="hour">8:00</span><span class="hour">9:00</span><span class="hour">10:00</span><span class="hour">11:00</span><span class="hour">12:00</span><span class="hour">13:00</span><span class="hour">14:00</span><span class="hour active">15:00</span><span class="hour">16:00</span><span class="hour">17:00</span><span class="hour">18:00</span><span class="hour">19:00</span><span class="hour">20:00</span><span class="hour">21:00</span><span class="hour">22:00</span><span class="hour">23:00</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-days" style="display: block;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
						<tr>
							<th class="dow">一</th>
							<th class="dow">二</th>
							<th class="dow">三</th>
							<th class="dow">四</th>
							<th class="dow">五</th>
							<th class="dow">六</th>
							<th class="dow">日</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="day old">26</td>
							<td class="day old">27</td>
							<td class="day old">28</td>
							<td class="day">1</td>
							<td class="day">2</td>
							<td class="day">3</td>
							<td class="day">4</td>
						</tr>
						<tr>
							<td class="day">5</td>
							<td class="day">6</td>
							<td class="day">7</td>
							<td class="day">8</td>
							<td class="day">9</td>
							<td class="day">10</td>
							<td class="day">11</td>
						</tr>
						<tr>
							<td class="day">12</td>
							<td class="day">13</td>
							<td class="day today active">14</td>
							<td class="day">15</td>
							<td class="day">16</td>
							<td class="day">17</td>
							<td class="day">18</td>
						</tr>
						<tr>
							<td class="day">19</td>
							<td class="day">20</td>
							<td class="day">21</td>
							<td class="day">22</td>
							<td class="day">23</td>
							<td class="day">24</td>
							<td class="day">25</td>
						</tr>
						<tr>
							<td class="day">26</td>
							<td class="day">27</td>
							<td class="day">28</td>
							<td class="day">29</td>
							<td class="day">30</td>
							<td class="day">31</td>
							<td class="day new">1</td>
						</tr>
						<tr>
							<td class="day new">2</td>
							<td class="day new">3</td>
							<td class="day new">4</td>
							<td class="day new">5</td>
							<td class="day new">6</td>
							<td class="day new">7</td>
							<td class="day new">8</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-months" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="month">一月</span><span class="month">二月</span><span class="month active">三月</span><span class="month">四月</span><span class="month">五月</span><span class="month">六月</span><span class="month">七月</span><span class="month">八月</span><span class="month">九月</span><span class="month">十月</span><span class="month">十一月</span><span class="month">十二月</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-years" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">2010-2019</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="year ">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year">2016</span><span class="year">2017</span><span class="year active">2018</span><span class="year">2019</span><span class="year ">2020</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
		<div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu" style="left: 1073.84px; z-index: 100021;">
			<div class="datetimepicker-minutes" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">14 三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="minute">15:00</span><span class="minute">15:05</span><span class="minute">15:10</span><span class="minute active">15:15</span><span class="minute">15:20</span><span class="minute">15:25</span><span class="minute">15:30</span><span class="minute">15:35</span><span class="minute">15:40</span><span class="minute">15:45</span><span class="minute">15:50</span><span class="minute">15:55</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-hours" style="display: none;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">14 三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="hour">0:00</span><span class="hour">1:00</span><span class="hour">2:00</span><span class="hour">3:00</span><span class="hour">4:00</span><span class="hour">5:00</span><span class="hour">6:00</span><span class="hour">7:00</span><span class="hour">8:00</span><span class="hour">9:00</span><span class="hour">10:00</span><span class="hour">11:00</span><span class="hour">12:00</span><span class="hour">13:00</span><span class="hour">14:00</span><span class="hour active">15:00</span><span class="hour">16:00</span><span class="hour">17:00</span><span class="hour">18:00</span><span class="hour">19:00</span><span class="hour">20:00</span><span class="hour">21:00</span><span class="hour">22:00</span><span class="hour">23:00</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-days" style="display: block;">
				<table class=" table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">三月 2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
						<tr>
							<th class="dow">一</th>
							<th class="dow">二</th>
							<th class="dow">三</th>
							<th class="dow">四</th>
							<th class="dow">五</th>
							<th class="dow">六</th>
							<th class="dow">日</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="day old">26</td>
							<td class="day old">27</td>
							<td class="day old">28</td>
							<td class="day">1</td>
							<td class="day">2</td>
							<td class="day">3</td>
							<td class="day">4</td>
						</tr>
						<tr>
							<td class="day">5</td>
							<td class="day">6</td>
							<td class="day">7</td>
							<td class="day">8</td>
							<td class="day">9</td>
							<td class="day">10</td>
							<td class="day">11</td>
						</tr>
						<tr>
							<td class="day">12</td>
							<td class="day">13</td>
							<td class="day today active">14</td>
							<td class="day">15</td>
							<td class="day">16</td>
							<td class="day">17</td>
							<td class="day">18</td>
						</tr>
						<tr>
							<td class="day">19</td>
							<td class="day">20</td>
							<td class="day">21</td>
							<td class="day">22</td>
							<td class="day">23</td>
							<td class="day">24</td>
							<td class="day">25</td>
						</tr>
						<tr>
							<td class="day">26</td>
							<td class="day">27</td>
							<td class="day">28</td>
							<td class="day">29</td>
							<td class="day">30</td>
							<td class="day">31</td>
							<td class="day new">1</td>
						</tr>
						<tr>
							<td class="day new">2</td>
							<td class="day new">3</td>
							<td class="day new">4</td>
							<td class="day new">5</td>
							<td class="day new">6</td>
							<td class="day new">7</td>
							<td class="day new">8</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-months" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">2018</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="month">一月</span><span class="month">二月</span><span class="month active">三月</span><span class="month">四月</span><span class="month">五月</span><span class="month">六月</span><span class="month">七月</span><span class="month">八月</span><span class="month">九月</span><span class="month">十月</span><span class="month">十一月</span><span class="month">十二月</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
			<div class="datetimepicker-years" style="display: none;">
				<table class="table-condensed">
					<thead>
						<tr>
							<th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th>
							<th colspan="5" class="switch">2010-2019</th>
							<th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td colspan="7"><span class="year ">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year">2016</span><span class="year">2017</span><span class="year active">2018</span><span class="year">2019</span><span class="year ">2020</span></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<th colspan="7" class="today">今天</th>
						</tr>
						<tr>
							<th colspan="7" class="clear" style="display: none;">Clear</th>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
		<div class="swal2-container">
			<div class="swal2-modal" style="display: none" tabindex="-1">
				<ul class="swal2-progresssteps"></ul>
				<div class="swal2-icon swal2-error"><span class="x-mark"><span class="line left"></span><span class="line right"></span></span>
				</div>
				<div class="swal2-icon swal2-question">?</div>
				<div class="swal2-icon swal2-warning">!</div>
				<div class="swal2-icon swal2-info">i</div>
				<div class="swal2-icon swal2-success"><span class="line tip"></span> <span class="line long"></span>
					<div class="placeholder"></div>
					<div class="fix"></div>
				</div><img class="swal2-image">
				<h2></h2>
				<div class="swal2-content"></div><input class="swal2-input"><input type="file" class="swal2-file">
				<div class="swal2-range"><output></output><input type="range"></div>
				<select class="swal2-select"></select>
				<div class="swal2-radio"></div><label for="swal2-checkbox" class="swal2-checkbox"><input type="checkbox"></label><textarea class="swal2-textarea"></textarea>
				<div class="swal2-validationerror"></div>
				<hr class="swal2-spacer"><button type="button" class="swal2-confirm">OK</button><button type="button" class="swal2-cancel">Cancel</button><span class="swal2-close">×</span></div>
		</div>
	</body>

</html>